* {
  margin: 0;
  padding: 0;
  list-style: none;

}

/* 头部 */
#header {
  /* height: 173px; */
  /* background-color: aqua; */
}

/* 最上面导航栏 */
#top_nav {
  background-color: #f5f5f5;
  border: #cdcdcd 1px solid;
  font-size: 12px;
  height: 30px;
  width: 100%;
}

#top_nav>.top_nav1 {

  width: 80%;

  margin: 0 auto;
  height: 30px;

}

/* 最上面导航栏左侧 */
#top_nav .top_nav1 .top_nav1_left {
  width: 120px;
  /* background-color: red; */
  height: 30px;
  display: inline-block;
  float: left;
}

#top_nav .top_nav1 .top_nav1_left a {
  color: #333;
  text-decoration: none;
  line-height: 30px;
  display: inline-block;
}

/* 最上面导航栏右侧 */
.top_nav1 .top_nav1_right {
  float: left;

  /* width: 910px; */
  margin-left: 200px;
}

.top_nav1 .top_nav1_right>ul>li .login {
  width: 285px;
  height: 175px;
  display: none;
  position: absolute;
  z-index: 1;
  border: 1px solid #ccc;
  background-color: #fff;
}

.top_nav1 .top_nav1_right>ul>li:hover {
  background-color: #fff;
}

.top_nav1 .top_nav1_right>ul>li:hover .login {
  display: block;
}

.top_nav1 .top_nav1_right .imgs {
  width: 38px;
  height: 38px;
  background: url('https://shop.vipstatic.com/img/common/header/sprites-hash-06206acd.png?78d4dd66');
  background-position: -164px -142px;
  float: left;
}

.top_nav1 .top_nav1_right .login .please {
  width: 175px;
  height: 36px;
  margin-left: 50px;
  line-height: 36px;
  text-align: left;
  border-bottom: 1px solid #cdcdcd;
}

.top_nav1 .top_nav1_right .login p a {
  display: inline-block;
  width: 142px;
  float: left;
}

.top_nav1 .top_nav1_right>ul>li .gift {
  width: 390px;
  height: 463px;
  display: none;
  border: 1px solid #ccc;

  background-color: #fff;
  position: absolute;
  z-index: 2;
}

.top_nav1 .top_nav1_right>ul>li:hover .gift {
  display: block;
}

.top_nav1 .top_nav1_right>ul>li .gift h2 {
  font-size: 16px;
  color: #333;
  text-align: center;
  margin: 5px 15px;
}

.top_nav1 .top_nav1_right>ul>li .gift h2 .qiandao {
  color: #f10180;
}

.top_nav1 .top_nav1_right>ul>li .gift .div_bg {
  background: url('../images/div_bg.png');
  width: 330px;
  height: 143px;
  margin: 0 auto;
  line-height: 143px;


}

.top_nav1 .top_nav1_right>ul>li .gift .div_bg img {
  margin-top: 10px;
}

.top_nav1 .top_nav1_right>ul>li .gift .div_bg span {
  float: right;
  text-align: center;
}

.top_nav1 .top_nav1_right>ul>li .get {
  background-color: #fff;
  display: none;
  position: absolute;
  z-index: 3;
}

.top_nav1 .top_nav1_right>ul>li:hover .get {
  display: block;
}

.top_nav1 .top_nav1_right>ul>li .get>ul>li {
  float: none;
}

.top_nav1 .top_nav1_right>ul>li .one {
  display: none;
  position: absolute;
  text-align: center;
}

.top_nav1 .top_nav1_right>ul>li:hover .one {
  display: block;
}

.top_nav1 .top_nav1_right ul li {
  float: left;
  width: 90px;
  line-height: 30px;
  list-style: none;
  text-align: center;
}

.top_nav1 .top_nav1_right ul li a {
  text-decoration: none;

  color: #6f6f6f;
}

.top_nav1 .top_nav1_right ul li a:hover {
  color: #f03867;
}

/* .top_nav1 .top_nav1_right ul li a .iconfont {
  vertical-align: 10px;
} */

/* 头部第二块 */
#header .header_logo {
  height: 100px;
  /* background-color: aquamarine; */
}

#header .header_logo .header_logo_1 {
  height: 100px;
  width: 80%;
  margin: 0 auto;

}

#header .header_logo .header_logo_1 .search {
  width: 453px;
  float: right;
  margin-top: 33px;
  /* 相对定位 相对于自己在浏览器中的文档流 */
  position: relative;
  left: -130px;

}

#header .header_logo .header_logo_1 .search ul li {
  float: left;
  color: #999;
  margin: 2px;
}

#header .header_logo .header_logo_1 .search ul li a {
  text-decoration: none;
  color: #999;
  font-size: 12px;
  /* margin-left: 6px; */
  /* padding-left: 8px; */
}

#header .header_logo .header_logo_1 .search ul li a:hover {
  color: #fa2a83;
}

/* 竖线 */
.hidden {
  margin-right: 6px;
  margin-left: 6px;
}

.search_input {
  width: 343px;
  height: 28px;
  padding: 2px 12px;
  color: #333;
  /* border-top: 2px solid #fa2a83;
  border-bottom: 2px solid #fa2a83;
  border-left: 2px solid #fa2a83; */
  border: 2px solid #fa2a83;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;

}

button {
  width: 53px;
  height: 36px;
  background-color: #fa2a83;
  border: 10px solid #fa2a83;
  margin-left: -4px;
  /* margin-top: 1px; */
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}

.header_logo .header_logo_1 .shopping_bag {
  width: 95.6px;
  height: 30px;
  background-color: #f6f7f9;
  float: right;
  position: relative;
  left: 450px;
  top: 35px;
  text-align: center;
  border: 1px solid #d2d2d2;
  border-radius: 2px;
}

.nav_main {
  height: 43px;
  /* background-color: red; */
  /* border: 1px solid red; */
  margin-top: 40px;
  position: sticky;
  top: 0px;
  z-index: 1;
  background-color: #fff;
}

.nav_main .nav_main1 {


  width: 80%;
  height: 43px;
  margin: 0 auto;

  /* background-color: #fa2a83; */
}



.nav_main .nav_main1 ul li {
  left: -10px;
  width: 67px;
  line-height: 43px;
  text-align: center;
  float: left;
  margin-left: 10px;

}

.nav_main .nav_main1 ul li a {
  /* 将a变为块级元素 */
  display: block;
  /* width: 67px; */
  height: 43px;
  text-decoration: none;
  color: #414141;
  font-size: 16px;
  font-weight: 700;

}

.nav_main .nav_main1 ul li a:hover {
  color: #f10180;
}

/* 利用伪类选择器设置宽 不起作用*/
.nav_main .nav_main1 ul li:nth-child(n+6) {
  /* background-color: red; */
  text-align: left !important;

}


#container .container_bgc1 {

  height: 500px;
  /* width: 1519.2px; */
  /* background-color: #fa2a83; */
  background: url("../images/container_bgc1.jpg");
}

#container .change_img {
  /* 移动图片其他的也动 */
  /* float: left; */

  box-sizing: border-box;
  padding-left: 20px;
  height: 440px;
  width: 1100px;
  margin-right: 10px;
  /* border: 1px solid white; */

  /* box-shadow: 0 1px 3px rgba(167, 167, 167, .4); */
  margin: 0 auto;
  overflow: hidden;
  /* margin-left: -10px; */
  padding-left: -30px;
  position: absolute;
  left: 170px;
}

#container .change_img ul {
  margin-top: 60px;
  width: 4000px;
  height: 400px;
  animation: swipe 5s linear infinite
}

#container .change_img ul li {
  float: left;
}

@keyframes swipe {

  /* 开始状态 */
  from {
    margin-left: 0;
  }

  /* 结束状态 */
  to {
    margin-left: -1600px;
  }
}

.container_main .container_main1 {
  width: 80%;
  /* background-color: #fa2a83; */
  margin: 0 auto;
}

.container_main .container_main1 .containermain_img {
  height: 282px;
  top: 10px;
  margin: 0 auto;
  /* position: relative; */
}

.containermain_img>div {
  height: 282px;
  width: 555px;

  float: left;
  /* position: relative; */
}



.containermain_img div .img1 {
  position: absolute;

}

.containermain_img div .img2 {
  top: 900px;
  margin-left: 10px;
  position: absolute;
  /* overflow: hidden; */

}

.containermain_img2 div .img2 {
  top: 1200px;
  margin-left: 10px;
  position: absolute;
  /* overflow: hidden; */

}


.containermain_img div:nth-child(2) {
  margin-left: 25px;
}


.span文字 div {
  width: 155px;
  float: left;
  margin-top: 20px;
  text-align: center;

}

.span文字 div .one {
  margin-top: 10px;
  line-height: 25px;
  display: inline-block;
  width: 50px;
  height: 25px;
  border-radius: 45px;
  /* overflow: hidden; */
  background-color: rgb(240, 56, 103);
  font-size: 12px;
  color: rgb(255, 255, 255);
}

.containermain_img2 div .img2 .span文字 div {

  margin-top: 0px;

}

/* 区域二 */
.container_main2 {
  width: 80%;
  height: 1000px;
  /* background-color: #fa2a83; */
  /* border: 1px solid black; */
  margin: 0 auto;
}

.container_main2 .div1 {
  width: 555px;
  height: 282px;
  float: left;

  margin-top: 20px;
}

/* 区域二右边的 */
.container_main2 div:nth-child(2n+2) {
  margin-left: 23px;
}

/* 3 4 5 6的上边距 */
.container_main2 div:nth-child(n+3) {
  margin-top: 100px;
}

.container_main2 div img {
  width: 555px;
  height: 282px;
}

.container_main2 div .div2 span {
  top: 10px;
}

.container_main2 div .div2 .one {
  color: #f03867;
  font-size: 18px;
  font-family: MicrosoftYaHei;
  font-weight: 700;
}

.container_main2 div .div2 .two {
  ont-family: MicrosoftYaHei;
  font-weight: 700;
  font-size: 16px;
  color: #333;
  margin-left: 5px;
}

.container_main2 div .div2 .three {
  font-family: MicrosoftYaHei;
  font-weight: 700;
  font-size: 16px;
  color: #333;
}

#footer {
  height: 300px;
  background-color: #fcfcfc;

  margin-top: 150px;
  border: 1px solid #ffffff;
}

#footer .footer_main {
  margin-top: 20px;
  width: 60%;
  margin: 0 auto;

}

#footer .footer_main img {
  margin-top: 30px;
}

#footer .footer_main .footer_list {
  display: flex;
  justify-content: space-around;
  margin-top: 20px;

}

#footer .footer_main .footer-list dl dt {
  margin-bottom: 4px;
  color: #4d4d4d;
}

#footer .footer_main .footer_list dl {
  float: left;
  padding-left: 16px;
  padding-right: 16px;
  border-right: 1px solid #e0e0e0;
  color: #e0e0e0;
  font-size: 15px;

}

#footer .footer_main .footer_info {
  background-color: #d7237e;
  line-height: 30px;
  margin-top: 20px;
  text-align: center;
}

#footer .footer_main .footer_info a {
  color: #ffffff;
  font-size: 12px;
  text-decoration: none;
  border-right: 1px solid #ffffff;
  padding-left: 8px;
  padding-right: 8px;
}

#footer .footer_main .footer_info a:last-child {
  border-right: none;
}

/* 给图片设置划过时间 */
.img2 img:hover {
  transform: scale(1.2);

}

.container_main2 .div1 img:hover {
  transform: scale(1.2);
}